/*enterprise 入驻企业自适应样式*/
/*
xs：<576px，超小屏。
sm：576px ~ 768px，小屏。
md：768px ~ 992px，中屏。
lg：992px ~ 1200px，大屏。
xl：>=1200px，超大屏。
*/


/* 屏幕设置，且屏幕宽度最大1200px */
@media only screen and (min-width: 1200px) {
  .main_content-app {
    width: 100%;
    height: 100%;
    padding: 30px 292px;
    .content{
      height: 85vh;
    }
    h3 {
      font-size: 30px;
    }

    .bottom_content {
      margin-top: 20px;
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .item {
      width: 30%;
    }

    h4 {
      height: 50px;
    }

    .color {
      width: 100%;
      height: 2rem;
    }

    .ant-form-item-control-wrapper .ant-input {
      width: 300px;
      margin: 0;
    }

    .ant-form-item-control-wrapper .ant-cascader-input{
      width: 100%;
    }

    .minus {
      position: absolute;
    }
  }

}

/* 屏幕设置，且屏幕宽度 最小等于 992px，最大 1200px*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .main_content-app {
    padding: 30px 160px;
    .content{
      height: 85vh;
    }
    h3 {
      font-size: 30px;
    }

    h4 {
      font-size: 20px;
    }

    .ant-col-8 {
      width: 40%;
    }

    /deep/.alert .ant-col-8 {
      width: 65%;
    }

    .btnsLarge {
      width: 376px;
      height: 80px;
      background: #4266E5;
      border-radius: 2px;
      font-size: .16rem;
    }

    .main_footer a {
      font-size: .14rem;
    }

    .ant-btn {
      padding: .02rem .2rem;
    }

    .bottom_content {
      margin-top: 20px;
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .item {
      width: 30%;
    }

    h4 {
      height: 70px;
    }

    .color {
      width: 100%;
      height: 2rem;
    }

    .uploadFile-con {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
    }

    .ant-form-item-control-wrapper .ant-input {
      width: 200px;
      margin: 0 5px;
    }

    .ant-form-item-control-wrapper .ant-cascader-input{
      width: 100%;
    }

    .minus {
      position: absolute;
    }
  }

}

/* 屏幕设置，且屏幕宽度 最小等于 768px，最大 992px*/
@media screen and (min-width: 768px) and (max-width: 992px) {
  body {
    font-size: 100px;
  }

  .main_content-app {
    padding: 30px 10%;
    .content{
      height: 85vh;
    }
    h3 {
      font-size: .25rem;
    }

    h4 {
      font-size: .2rem;
    }


    .ant-col-offset-6 {
      margin-left: 30%;
    }

    .ant-col-6 {
      width: 30%;
    }

    .ant-col-8 {
      width: 60%;
    }

    .btnsLarge {
      width: 376px;
      height: .4rem;
      background: #4266E5;
      border-radius: 2px;
      font-size: .16rem;
    }

    .main_footer a {
      font-size: .14rem;
    }

    .ant-btn {
      padding: .02rem .2rem;
    }

    .ant-result-icon {
      margin-bottom: 0;
    }

    .ant-result-extra {
      margin-top: 0;
    }

    .uploadFile-con {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
    }

    .bottom_content {
      margin-top: 20px;
      width: 100%;
    }

    .color {
      width: 45%;
      height: 2rem;
    }

    .ant-form-item-control-wrapper .ant-input {
      width: 150px;
      margin: 0 5px;
    }

    .ant-form-item-control-wrapper .ant-cascader-input{
      width: 100%;
    }

    .minus {
      float: right;
      padding: .02rem 0 !important;
    }
  }

}

/* 屏幕设置，且屏幕宽度 最小等于 576px，最大768px*/
@media screen and (min-width: 576px) and (max-width: 768px) {
  body {
    font-size: 100px;
  }

  .main_content-app {
    width: 100%;
    height: 100%;
    padding: 30px 6%;
    .content{
      height: 85vh;
    }
    .ant-steps-dot .ant-steps-item-content,
    .ant-steps-dot.ant-steps-small .ant-steps-item-content {
      width: .37rem;
    }

    .ant-steps-dot .ant-steps-item-icon,
    .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
      margin-left: .14rem;
    }

    .ant-steps-dot .ant-steps-item-tail,
    .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
      margin: 0 0 0 .15rem;
    }

    .ant-steps-item-title {
      font-size: 0.16rem;
      white-space: nowrap;
    }

    h3 {
      font-size: .25rem;
    }

    h4 {
      font-size: .2rem;
    }

    .main_footer {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }

    .btnsLarge {
      width: 2.76rem;
      height: .44rem;
      background: #4266E5;
      border-radius: 2px;
      font-size: .18rem;
    }

    .main_footer a {
      width: 100%;
      text-align: center;
      font-size: .14rem;
      margin: .2rem 0 0 0;
    }

    .ant-btn {
      padding: .02rem .2rem;
    }

    .ant-result-icon {
      margin-bottom: 0;
    }

    .ant-result-extra {
      margin-top: 0;
    }

    .uploadFile-con {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
    }

    .bottom_content {
      margin-top: 20px;
      width: 100%;
    }

    .color {
      width: 45%;
      height: 2rem;
    }
    /*.ant-form-item-control-wrapper .ant-input {
      width: 150px;
      margin: 0 5px;
    }*/

    .ant-form-item-control-wrapper .ant-cascader-input{
      width: 100%;
    }

    .minus {
      float: right;
      padding: .02rem 0 !important;
    }
  }
}

/* 屏幕设置，且屏幕宽度小于 576px */
@media only screen and (max-width: 576px) {
  .main_content-app {
    width: 100%;
    height: 100%;
    padding: 30px 1%;
    .content{
      height: 85vh;
    }
    .ant-divider-horizontal {
      margin: 12px 0;
    }

    .ant-steps-dot .ant-steps-item-content,
    .ant-steps-dot.ant-steps-small .ant-steps-item-content {
      width: .65rem;
      text-align: left;
    }

    .ant-steps-dot .ant-steps-item-icon,
    .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
      margin-left: .18rem;
    }

    .ant-steps-dot .ant-steps-item-tail,
    .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
      margin: 0 0 0 .2rem;
      width: .72rem;
    }

    .ant-steps-item-title {
      font-size: 0.14rem;
      white-space: nowrap;
    }

    h3 {
      font-size: .25rem;
    }

    h4 {
      font-size: .18rem;
    }

    .ant-form-item {
      display: flex;
      align-items: center;
    }

    .ant-col-offset-6 {
      margin-left: 30%;
    }

    .ant-col-6 {
      width: 30%;
    }

    .ant-col-8 {
      width: 65%;
    }

    .ant-form label {
      font-size: .12rem;
    }

    .main_footer {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }

    .main_footer a {
      width: 100%;
      text-align: center;
      margin: .2rem 0 0 0;
    }


    .bottom_content {
      margin-top: 20px;
      width: 100%;
    }

    .color {
      width: 45%;
      height: 2rem;
    }

    .uploadFile-con {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
    }

    .uploadFile-con .upload-card-con {
      width: 100%;
    }

    .uploadFile-con.min-w-c-2 {
      width: 100%;
      min-width: 200px;
    }

    .uploadFile-con .upload-card-con .upload-card {
      width: 100%;
    }

    .minus {
      float: right;
      padding: .02rem 0 !important;
    }
  }
}
